<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>问题详情</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/community/topicProblem.css" />
		<link rel="stylesheet" type="text/css" href="../../css/community/problemDetails.css" />
		<style type="text/css">
			.topic-problem-content-detail {
				margin-bottom: 0;
			}
		</style>
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header fixed">
				<a @click="backone()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">问题详情</div>
			</div>
			<!--公共头部结束-->
			<!--内容部分开始-->
			<div class="problem-details-content mt50">
				<div class="problem-details-content-inside">
					<h3 class="">{{qtitle?qtitle:'title'}}</h3>
					<div class="problem-details-time">
						<i class="fa fa-clock-o"></i>
						<span>{{qcreated_at.split(" ")[0]}}</span>
					</div>
					<p class="small-p server-article" v-html="qcontent"></p>
					<div class="problem-details-footer">
						<div class="problem-details-footer-left">
							提问者：<span>{{qnickname}}</span>
							<span v-if="u_id == uid" @click="jumpEdit()">编辑</span>
						</div>
						<div v-if="qis_follow == 0" v-on:click="follow()" class="problem-details-footer-right">
							<i class="fa fa-star-o"></i>
							<span>关注</span>
						</div>
						<div v-else class="problem-details-footer-right">
							<i class="fa fa-star"></i>
							<span>已经关注</span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="problem-num">
				<div class="problem-number">{{count}}个回答</div>
				<div v-if="isJump" v-on:click="jump()" class="better-answer">我要回答</div>
				<div v-else v-on:click="jump()" class="better-answer grey">我要回答</div>
				<div class="clear"></div>
			</div>
			<div class="topic-problem-content">
				<div class="topic-problem-content-detail" v-for="item in answer">
					<div class="topic-problem-name">
						<img :src="path + (item.avatar_path) + (item.avatar)">
						<span>{{item.nickname}}</span>
					</div>
					<p class="topic-problem-details server-article" v-html="item.content"></p>
					<div class="topic-problem-price-time">
						<div v-if="item.is_like == 0" class="topic-problem-price topic-problem-price-other">
							<i class="fa fa-thumbs-o-up iconR2"></i>
							<span v-if="item.like_count == 0" v-on:click="agree(item.id)">点赞</span>
							<span v-else v-on:click="agree(item.id)">点赞({{item.like_count}})</span>
						</div>
						<div v-else class="topic-problem-price topic-problem-price-other">
							<i class="fa fa-thumbs-up iconR2"></i>
							<span v-if="item.like_count == 0" v-on:click="agree(item.id)">取消点赞</span>
							<span v-else v-on:click="agree(item.id)">取消点赞({{item.like_count}})</span>
						</div>
						<div class="topic-problem-reply" v-on:click="jumpList(item.id)">
							<i class="fa fa-commenting-o iconR2"></i>
							<span v-if="item.comment_count == 0">评论</span>
							<span v-else>评论({{item.comment_count}})</span>
						</div>
						<div class="topic-problem-time topic-problem-time-other">
							<i class="fa fa-clock-o iconR2"></i>
							<span v-if="item.created_at == null ">0</span>
							<span v-else>{{item.created_at.split(" ")[0]}}</span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--内容部分结束-->
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/community/questionDetails.js" type="text/javascript" charset="utf-8"></script>

</html>